5 Pages of Grid examples ready to copy & paste into your own designs.
Overlapping, underlapping, multiple layer, simple or complex efficient lightweight layouts to plunder.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Overlapping layouts not only look new and fresh, but they also allow more text to be used because the text can flow onto the other "column". This has the effect of reducing the height of the text as the device width reduces. I.e. mote text can fit into a smaller space on a screen.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend.
Using a Grid Plus Pro allows additional content to fill the sides of the main content, that will fill the display to its edges, no matter how wide the display device is.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
This Project is all about using Source Grids to create layouts that will make your web designs stand out. Presented here are a set of layouts than can be copied and pasted into your Source projects. The layouts are highly configurable in terms of what can be added as content such as text, images, overlay images, etc..
This footer section is just a single grid item inside 1 grid.
© 2001-2024 | Last updated 30/01/2022